<!DOCTYPE html>
<html>
<head>
<title>HtmlFormatTest.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<style type="text/css">
#txtid {
	height: 40px;
	width: 100px;
	border-bottom: 1px solid #005aa7; /*下划线效果*/
	color: #005aa7;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	background-color: transparent; /*背景色透明*/
}

#subid {
	height: 40px;
	width: 100px;
	border: 0px;
	background-color: transparent; /*背景色透明*/
}
</style>
</head>

<body>
	<form>
		<p>
			用户名:<input type="text">
		</p>
		<p>
			密码:<input type="password">
		</p>

		<br />---复选框<br /> 橘子<input type="checkbox" name="fruit"> 苹果<input
			type="checkbox" name="fruit"> 核桃<input type="checkbox"
			name="fruit"> <br />---单选框<br /> 男<input type="radio"
			name="sex"> 女<input type="radio" name="sex"> <br />---下拉列表<br />
		<select>
			<option>www.126.com</option>
			<option>www.163.com</option>
			<option>www.baidu.com</option>
		</select>
		<p>
			--按钮<input type="button" value="按钮">
		</p>
		<p>
			--提交<input type="submit"> 也可以根据自己的需要更改submit的value值<input
				type="submit" value="提交">
		</p>
	</form>
	<br />---文本域
	<br />
	<text area rows="10" cols="50">请在此填写个人信息!</textarea> <br />
	<!-- 对属性的修改展现目标的样式的不同效果 --> <input type="text"
		style="height:40px;width:100px"> <input type="submit"
		style="height:40px;width:100px" value="提交"> <br />
	<input type="text" id="txtid"> <input type="submit" id="subid"
		value="提交"> 
	
	
</body>
</html>
